<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>异清轩博客文章页面</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/nprogress.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    <link rel="apple-touch-icon-precomposed" href="images/icon/icon.png">
    <link rel="shortcut icon" href="images/icon/favicon.ico">
    <script src="js/jquery-2.1.4.min.js"></script>
    <script src="js/nprogress.js"></script>
    <script src="js/jquery.lazyload.min.js"></script>
    <!--[if gte IE 9]>
    <script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
    <script src="js/html5shiv.min.js" type="text/javascript"></script>
    <script src="js/respond.min.js" type="text/javascript"></script>
    <script src="js/selectivizr-min.js" type="text/javascript"></script>
    <![endif]-->
    <!--[if lt IE 9]>
    <script>window.location.href = 'upgrade-browser.html';</script>
    <![endif]-->
</head>

<body class="user-select single">
<div id="app">
    <div>
        <div>
            <div class="el-dialog__wrapper" style="display: none;">
                <div role="dialog" aria-modal="true" aria-label="登录窗口" class="el-dialog"
                     style="margin-top: 15vh; width: 400px;">
                    <div class="el-dialog__header"><span class="el-dialog__title">登录窗口</span>
                        <button type="button" aria-label="Close" class="el-dialog__headerbtn"><i
                                class="el-dialog__close el-icon el-icon-close"></i></button>
                    </div><!---->
                    <div class="el-dialog__footer">
                        <div class="dialog-footer"><a class="el-link el-link--default is-underline"><!----><span
                                class="el-link--inner">忘记密码</span><!----></a>
                            <button type="button" class="el-button el-button--default"><!----><!----><span>取 消</span>
                            </button>
                            <button type="button" class="el-button el-button--primary"><!----><!----><span>确 定</span>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <header class="header">
            <nav id="navbar" class="navbar navbar-default">
                <div class="container">
                    <div class="header-topbar hidden-xs link-border">
                        <ul class="site-nav topmenu">
                            <li><a href="tags.html">标签云</a></li>
                            <li><a href="readers.html" rel="nofollow">读者墙</a></li>
                            <li><a href="links.html" rel="nofollow">友情链接</a></li>
                            <li class="dropdown"><a data-toggle="dropdown" role="button" aria-haspopup="true"
                                                    aria-expanded="false" rel="nofollow" class="dropdown-toggle">关注本站
                                <span class="caret"></span></a>
                                <ul class="dropdown-menu header-topbar-dropdown-menu">
                                    <li><a data-toggle="modal" data-target="#WeChat" rel="nofollow"><i
                                            class="fa fa-weixin"></i> 微信</a></li>
                                    <li><a href="#" rel="nofollow"><i class="fa fa-weibo"></i> 微博</a></li>
                                    <li><a data-toggle="modal" data-target="#areDeveloping" rel="nofollow"><i
                                            class="fa fa-rss"></i> RSS</a></li>
                                </ul>
                            </li>
                        </ul>
                        <a rel="nofollow" class="login">Hi,请登录</a>

                        &nbsp;&nbsp;
                        <a href="javascript:;" rel="nofollow" class="register">我要注册</a></div>
                    <div class="navbar-header">
                        <button type="button" data-toggle="collapse" data-target="#header-navbar" aria-expanded="false"
                                class="navbar-toggle collapsed"><span class="sr-only"></span> <span
                                class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span>
                        </button>
                        <h1 class="logo hvr-bounce-in"><a href="" title=""><img src="images/logo.png" alt=""></a></h1>
                    </div>
                    <div id="header-navbar" class="collapse navbar-collapse">
                        <ul class="nav navbar-nav navbar-right">
                            <li class="hidden-index active"><a data-cont="异清轩首页" href="index.html">异清轩首页</a></li>
                            <li><a href="category.html">前端技术</a></li>
                            <li><a href="category.html">后端程序</a></li>
                            <li><a href="category.html">管理系统</a></li>
                            <li><a href="category.html">授人以渔</a></li>
                            <li><a href="category.html">程序人生</a></li>
                        </ul>
                        <form action="/Search" method="post" class="navbar-form visible-xs">
                            <div class="input-group"><input type="text" name="keyword" placeholder="请输入关键字"
                                                            maxlength="20" autocomplete="off" class="form-control">
                                <span class="input-group-btn"><button name="search" type="submit"
                                                                      class="btn btn-default btn-search">搜索</button></span>
                            </div>
                        </form>
                    </div>
                </div>
            </nav>
        </header>
        <section class="container">
            <div class="content-wrap" style="display: flex; justify-content: space-between;">
                <aside class="sidebar" style="margin-left: 0px;">
                    <div class="el-card is-always-shadow">
                        <div class="el-card__header">
                            <div><span>个人信息</span></div>
                        </div>
                        <div class="el-card__body">
                            <div style="display: grid; grid-template-columns: auto; gap: 10px; text-align: center;">
                                <div style="text-align: center;"><span class="el-avatar el-avatar--circle"
                                                                       style="height: 200px; width: 200px; line-height: 200px;"><img
                                        src="images/head1.webp" style="object-fit: cover;"></span></div>
                                博主: 悟空<br>
                                <button type="button" class="el-button el-button--default"><!----><!----><span>关注</span>
                                </button>
                            </div>
                            <div class="el-divider el-divider--horizontal"><!----></div>
                            <div style="display: grid; grid-template-columns: auto; gap: 20px; padding: 20px;"><a
                                    class="el-link el-link--default" style="font-size: 1.5em;"><!----><span
                                    class="el-link--inner">个人信息</span><!----></a> <a class="el-link el-link--default"
                                                                                     style="font-size: 1.5em;">
                                <!----><span class="el-link--inner">我的博文</span><!----></a> <a
                                    class="el-link el-link--default" style="font-size: 1.5em;"><!----><span
                                    class="el-link--inner">我的收藏</span><!----></a> <a class="el-link el-link--default"
                                                                                     style="font-size: 1.5em;">
                                <!----><span class="el-link--inner">我的关注</span><!----></a></div>
                        </div>
                    </div>
                </aside>
                <div class="el-card is-always-shadow" style="float: right; width: 820px; margin: 0px;"><!---->
                    <div class="el-card__body"></div>
                </div>
            </div>
        </section>
        <footer class="footer">
            <div class="container"><p>© 2016 <a href="">ylsat.com</a> &nbsp; <a href="http://www.miitbeian.gov.cn/"
                                                                                target="_blank" rel="nofollow">豫ICP备20151109-1</a>
                &nbsp; <a href="sitemap.xml" target="_blank" class="sitemap">网站地图</a></p></div>
            <div id="gotop"><a class="gotop"></a></div>
        </footer>
    </div>
</div>
<script src="https://unpkg.com/vue@2.7.14/dist/vue.min.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">

<script src="https://unpkg.com/element-ui/lib/index.js"></script>


</body>
</html>
